<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>flex布局</title>
	<style type="text/css">
	.flex-box{ display: flex; width: 800px; height: 250px; background: blue; align-items: center; justify-content: center;}
	.flex-item{ width: 80px; height: 100px; background: yellow;}
	</style>
</head>
<body>
	<div class="flex-box flex-box1">
		<div class="flex-item flex-item1">a1</div>
	</div>
	<div>5个值:baseline: 项目的第一行文字的基线对齐</div>
</body>
</html>